html{overflow-x: hidden;position: relative;}

/*-----------------[初始化]--------------*/

body{color: #333;font-size: 12px;line-height: 1.5;font-family:'SourceHanSansCN-Regular',"微软雅黑","Microsoft Yahei";overflow-x: hidden;}

a{color: #333;}

a:hover{color: #0084FF;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{font-size: 12px;color: #333;

    font-family:'SourceHanSansCN-Regular',"微软雅黑","Microsoft Yahei";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}



*,*:after,*:before{outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

.ani{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



@font-face {

    font-family: 'SourceHanSansCN-Regular';

    src: url('../fonts/SourceHanSansCN-Regular.otf');

}



/*布局*/

.wp{width: 100%;max-width: 1400px;margin: 0 auto;}

.wp2{width: 100%;max-width: 1200px;margin: 0 auto;}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





/*******************************

  -------[=头部]-------

********************************/

.header{position: absolute;top: 0;left: 0;right: 0;z-index: 109;

    height: 81px;

    border-bottom: 1px solid rgba(234,234,234,.3);

}

.logo{float: left;line-height: 80px;font-size: 0;}

.logo img{display: inline-block;vertical-align: middle;height: 30px;}



.hdr{float: right;}

.nav{float: left;}

.nav li{float: left;margin-left: 58px;}

.nav li .v1{font-size: 16px;color: #fff;display: block;line-height: 80px;}

.nav li.on .v1,.nav li:hover .v1{font-weight: bold;color: #0084FF;}



.so{float: right;margin-top: 19px;margin-left: 182px;position: relative;}

.so .inp{width: 211px;height: 40px;border: 1px solid #EAEAEA;

    display: block;border-radius: 20px;padding: 0 30px 0 23px;

    font-size: 16px;color: #fff;

    background-color: transparent;

}

.so .btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;

    border: 0;cursor: pointer;

    background: url(../images/i-01.png) no-repeat center;

}





/*******************************

    -------[=导航]-------

********************************/

.menuBtn{position: relative;z-index: 9;display: none;float: right;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;margin-top: 5px;margin-right: -5px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 3px;background-color: #fff;

    margin: 3px 0 5px;border-radius: 2px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn.open{}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menuBtn.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}



/*******************************

  -------[=banner]-------

*******************************/

.banner .slick-slide .con{outline: 0;position: relative;display: block;height: 780px;

    background-position: center center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.ban{height: 639px;position: relative;

    background-position: center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.ban .wp2{position: relative;height: 100%;}

.ban .tit{position: absolute;left: 0;top: 50%;color: #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.ban .tit em{font-size: 36px;display: block;margin-bottom: 18px;}

.ban .tit h2{font-size: 48px;line-height: 1.42;position: relative;padding-bottom: 45px;}

.ban .tit h2:after{content: '';position: absolute;left: 0;bottom: 0;

    width: 94px;height: 2px;background-color: #fff;

}





/*******************************

  -------[=底部]-------

********************************/

.footer{color: #fff;}

.fd-con{

    background: url(../images/fd-bg.jpg) no-repeat center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.fd-top{overflow: hidden;

    border-bottom: 1px solid rgba(255,255,255,.2);

}

.fd-logo{float: left;font-size: 0;line-height: 146px;}

.fd-logo img{display: inline-block;vertical-align: middle;height: 30px;}

.fd-contact{float: right;margin-top: 49px;}

.fd-contact .item{float: left;padding-left: 25px;padding-right: 28px;position: relative;}

.fd-contact .item:after{content: '';position: absolute;right: 0;top: 50%;

    width: 1px;height: 38px;background-color: #fff;opacity: .2;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.fd-contact .item:last-child:after{display: none;}

.fd-contact .ico{float: left;width: 45px;height: 45px;margin-right: 15px;

    background-position: center;background-repeat: no-repeat;

}

.fd-contact .txt{overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.fd-contact h3{font-size: 16px;color: #fff;}

.fd-contact p{font-size: 16px;color: #fff;}
.fd-contact .item:hover .txt{font-weight: bold;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.fd-ovh{overflow: hidden;padding: 41px 0 54px;}

.fd-nv{float: left;}

.fd-nv dl{float: left;width: 202px;}

.fd-nv dt,.fd-adds .tit,.fd-qr .tit{font-size: 16px;font-weight: bold;margin-bottom: 14px;}

.fd-nv dd a{display: block;font-size: 16px;line-height: 2.25;

    color: #fff;

}

.fd-nv dd a:hover{opacity: .8;}

.fd-adds{float: left;}

.fd-adds .txt h4{font-size: 16px;line-height: 2.25;margin-bottom: 7px;}

.fd-adds .txt p{font-size: 16px;}

.fd-adds .item{margin-bottom: 13px;}

.fd-qr{float: right;}

.fd-qr .pic{width: 100px;}

.fd-qr .pic img{width: 100%;display: block;}



.fd-bot{height: 76px;overflow: hidden;line-height: 76px;font-size: 16px;

    background-color: #2A6BFF;

}

.fd-bot .copy{text-align: center;}

.fd-bot .link{float: right;}

.fd-bot a{color: #fff;}

.fd-bot a img{display: inline-block;vertical-align: middle;margin-right: 5px;position: relative;top: -2px;}





/*******************************

    -------[=正文]-------

********************************/

.g-tab{overflow: hidden;margin-top: -68px;position: relative;z-index: 2;

    background-color: rgba(0,0,0,.6);

}

.g-tab li{float: left;width: 25%;}

.g-tab li a{display: block;line-height: 68px;text-align: center;

    font-size: 16px;color: #fff;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.g-tab li.on a,.g-tab li:hover a{background-color: #0084FF;font-weight: bold;}



.m-t1{text-align: center;padding: 69px 0 0;margin-bottom: 60px;}

.m-t1 h2{position: relative;font-size: 42px;position: relative;

    padding-bottom: 18px;

}

.m-t1 h2:after{content: '';position: absolute;left: 50%;bottom: 0;

    width: 80px;height: 3px;

    background-color: #0084FF;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}



.m-t1-1{text-align: left;margin-bottom: 40px;padding-top: 69px;}

.m-t1-1 h2:after{left: 0;

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.pages{text-align: center;font-size: 0;margin: 50px 0 80px;}

.pages ul{display: inline-block;}

.pages li{float: left;}

.pages li a{font-size: 16px;color: #333;padding: 0 16px;}

.pages li.on a,.pages li:hover a{color: #0084FF;font-weight: bold;}



.fix-right{position: fixed;right: 20px;width: 75px;top: 50%;z-index: 108;
    background-color: #fff;border-radius: 20px;display: none;
    box-shadow: 0px 0px 20px 0px rgba(0, 132, 255, 0.25);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right li{}
.fix-right .con{display: block;height: 80px;padding-top: 12px;}
.fix-right .ico{display: block;height: 38px;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.fix-right p{text-align: center;font-size: 14px;color: #666;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.fix-right .zai .ico{background-image: url(../images/i-f1.png);}

.fix-right .tel .ico{background-image: url(../images/i-f2.png);}

.fix-right .top .ico{background-image: url(../images/i-f3.png);}

.fix-right .zai:hover .ico{background-image: url(../images/i-f1-on.png);}

.fix-right .tel:hover .ico{background-image: url(../images/i-f2-on.png);}

.fix-right .top:hover .ico{background-image: url(../images/i-f3-on.png);}

.fix-right li:hover p{color: #0084ff;}